/*
  学习目标：React创建组件-函数组件
*/

import React from 'react';
import ReactDOM from 'react-dom';

// 创建上：
//  1. 💥组件名称，必须大写开头
//  2. 需要返回一端html结构
//  3. 如果真的不需要返回值，💥返回一个null， 不可以返回undefined
function Hello() {
  // return <h1>Hello 71</h1>;
  return null;
  // ❌ 下方：错误的写法
  // return undefined;
}

const divNode = (
  <>
    {/*  
      使用上：
        💥React对大小写敏感，组件标签要大写开头，跟组件名字保持一致
    */}
    <Hello></Hello>
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
